*{
    margin:0;
    padding:0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color:transparent;
}
ul{
    list-style: none;
}
img{
    display:block;
    width:100%;
    height:auto;
    border:none;
}
.bj{
    background: url('../images/bj.png') repeat;
}
.loop-bor{
    height:36px;
    line-height:36px;
    width:80%;
    margin:0 auto 10px;
    color:#f8f8f8;
    background:rgba(0,0,0,0.5);
    border-radius:40px;
    padding:0 15px;
    position: relative;
    overflow: hidden;
}
.smallIcon{
    width:16px;
    height:14px;
    margin-top:11px;
    float:left;
    margin-left:5%;
}
.loop-bor ul{
    width:75%;
    position: absolute;
    top:0px;
    left:17%;
}
.loop-bor ul li{
    font-size:69%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.register-input{
    background:#fff;
    width: 78%;
    border-radius: 10px;
    margin: 0 auto;
    padding: 20px 20px 10px;
}
.register-input .register-down{
    display: block;
    width: 68%;
    margin:0 auto;
}
.register-down{
    background: url('../images/btn.png') no-repeat;
    background-size: 100% auto;
}
.resonTitle{
    width:65%;
    margin:35px auto;
}
.phone-bor, .yzm-bor, .img-yzm-bor{
    height:52px;
    border-radius:6px;
    margin-bottom:20px;
    width:100%;
    position: relative;
    border:1px solid #ddd;
    overflow: hidden;
}
.register-input input{
    border:none;
    -webkit-appearance: none;
    outline-style: none;
    height:52px;
    background:transparent;
    font-size:15px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding-left:13px;
}
.verifyCode, .imgCode{
    width:59%;
    display:inline-block;
}
.verify, .img{
    width:38%;
    text-align: center;
    float:right;
    height:100%;
    line-height:52px;
    border-left: 1px solid #ddd;
    font-size:15px;
    color:#ff7f00;
    padding-top:1px;
}
.yzm-bor .gray{
    color:#999;
}
.img{
    border-left:0;
    vertical-align: middle;
    height:53px;
    margin-top:-3px;
    margin-left:1px;
}
.register-list{
    width:80%;
    margin:0 auto;
    border-radius:12px;
    background:rgba(255,255,255,0.16);
    padding: 26px 15px;
}
.success-content{
    margin-top:40px;
    color:#f8f8f8;
    text-align: center;
    font-size:12px;
    line-height:20px;
    padding-bottom:30px;
}
.success-content p{
    opacity: 0.4;
}
.bottomText{
    width:52%;
    margin: 8px auto;
}
.img-yzm-bor{
    display:none;
}
.register-success{
    width: 83.5%;
    margin: 0 auto;
    position: relative;
    margin-top: 25px;
}
.register-success>img{
    width: 100%;
    height: auto;
}
.register-success p{
    position: absolute;
    width: 100%;
    bottom: 47%;
    text-align: center;
    font-size: 19px;
    color: #6B7172;
    line-height:25px;
}
.register-success a{
    display: block;
    width: 68%;
    margin: 0 auto;
    margin-top: 18px;
}
.register-success a img {
    width: 100%;
    height: auto;
}
@media screen and (min-width:414px){
    .smallIcon{
        margin-left:9%;
    }
    .loop-bor ul{
        width:75%;
        position: absolute;
        top:0px;
        left:21%;
    }
}
@media screen and (max-width:360px){
    .verify, .img{
        width:36%;
    }
    .img{
        width:37%;
        margin-left:3px;
    }
}
@media screen and (max-width:320px){
    .smallIcon{
        margin-left:0px;
    }
    .loop-bor ul{
        width:80%;
        position: absolute;
        top:0px;
        left:40px;
    }
    .verify, .img{
        width:37%;
        margin-left:0;
    }
    .img{
        width:38%;
    }
}
.pubMask{
    position:fixed;
    z-index: 200;
    top:0;
    left: 0;
    bottom:0;
    right: 0;
    background-color: rgba(0,0,0,0.9)
}
.pubMask div{
    width: 87%;
    margin: 0 auto;
    margin-top: 15px;
}
.pubMask div img{
    width: 100%;
    height: auto;
}